<%--

  @author yulezhisi
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>showActivityMap</title>

    <link rel="shortcut icon" href="<c:url value="/images/favicon.ico"/>" type="image/x-icon"/>
    <script src="<c:url value="/js/jquery-1.9.1.min.js"/>"></script>
    <script src="<c:url value="/layui/layui.js"/>"></script>
    <link rel="stylesheet" type="text/css" href="<c:url value="/layui/css/layui.css"/>">

    <script src="<c:url value="/js/my/commons.js"/>"></script>
    <style>
        .container {
            width: 1200px;
            margin: 0;
        }
    </style>
    <script>
        $(function () {
          $.getJSON('<c:url value="/showActiveMap/${param.instanceId}.do"/>',function (data) {
              var act=data.data;
              $('#img_png').attr('src','${pageContext.request.contextPath}/showResources/' + act.deploymentId +
                  '/' + act.pngName + '.do');
              $('#border').css({'width':act.width-7,'height':act.height-5,'left':act.x,'top':act.y})
          })
        })
    </script>
</head>
<body>

<div class="container">

    <img src="" alt="" id="img_png" style="position: absolute">
    <div id="border" style="position: absolute;border:5px red solid;border-radius: 14%"></div>
</div>

</body>
</html>
